<table class="table table-bordered">
    <thead>
        <tr>
<!--         	@if(select=="radio"){ -->
<!--                 <div class="radio3 radio-check radio-success radio-inline"> -->
<!--                   <input type="radio" id="radio5" name="radio2" value="option2"> -->
<!--                   <label for="radio5"></label> -->
<!--                 </div> -->
<!--         	@}else if(select=="checkbox"){ -->
<!--         		<div class="checkbox3 checkbox-success checkbox-inline checkbox-check checkbox-round  checkbox-light"> -->
<!--                   <input type="checkbox" id="checkbox-fa-light-2" checked="" id="checkall"> -->
<!--                   <label for="checkbox-fa-light-2"></label> -->
<!--                 </div> -->
<!--         	@} -->
            <th v-for="column in table.columns">
            	<template  v-if="column.checkbox">
        		<div class="checkbox3 checkbox-success checkbox-inline checkbox-check checkbox-round  checkbox-light">
                  <input type="checkbox" id="checkall">
                  <label for="checkall"></label>
                </div>
            	</template>
            	<template  v-else-if="column.radio">
            	</template>
            	<template  v-else>
            		 {{column.title}}
            	</template>
            </th>
        </tr>
    </thead>
    <tbody>
        <tr v-for="item in table.tableData">
        	<template v-for="column in table.columns">
        		<td v-if="column.checkbox">
        			<div class="checkbox3 checkbox-success checkbox-inline checkbox-check checkbox-round  checkbox-light">
	                  <input type="checkbox" name="check" :id="item[column.field]" :value="item[column.field]">
	                  <label :for="item[column.field]"></label>
	                </div>
        		</td>
        		<td v-else-if="column.radio">
        			<div class="radio3 radio-check radio-success radio-inline">
	                  <input type="radio" name="check" :id="item[column.field]" :value="item[column.field]">
	                  <label :for="item[column.field]"></label>
	                </div>
        		</td>
        		<td v-else>{{item[column.field]}}</td>
        	</template>
        </tr>
    </tbody>
</table>
<div >
<!--     <nav> -->
<!--         <ul class="pagination"> -->
<!--             <li v-on:click="pageChange(table.pageno-1)" :class="table.pageno>1?'':'disabled'"> -->
<!--                 <a href="javascript:;"> -->
<!--                     <span>&laquo;</span> -->
<!--                 </a> -->
<!--             </li> -->
<!-- 	        <template v-for="index in table.totalPage"> -->
<!-- 	        	<template v-if=""> -->
	        	
<!-- 	        	</template> -->
<!-- 	        	<li :class="table.pageno==index?'active':''" v-on:click="pageChange(index)"><a href="javascript:;">{{index}}</a></li> -->
<!-- 	        </template> -->
<!--             <li v-on:click="pageChange(table.pageno+1)" :class="table.pageno>=table.totalPage?'disabled':''"> -->
<!--                 <a href="javascript:;"> -->
<!--                     <span>&raquo;</span> -->
<!--                 </a> -->
<!--             </li> -->
<!--         </ul> -->
<!--     </nav> -->

	<el-pagination v-if="table.pagination"
	  background
      @size-change="handleSizeChange"
      @current-change="handleCurrentChange"
      :current-page="table.pageno"
      :page-sizes="table.pagesizes"
      :page-size="10"
      :layout="table.layout"
      :total="table.total">
    </el-pagination>
</div>
